<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        a
        <h1>houdunren.com</h1>
      </div>
    <script>
        //textContentb部分IE浏览器版本不支持
        // innerText部分FireFox浏览器版本不支持
        // 获取时忽略所有标签,只获取文本内容
        // 设置时将内容中的标签当文本对待不进行标签解析

        //textContent
  let app = document.querySelector('#app');
  console.log(app.textContent);
  //a
  //houdunren.com
  //设置是当普通文本处理
  app.textContent+=`<h1>后盾人</h1>`;


  //innerText
  console.log(app.innerHTML);
//   a
//         houdunren.com
//       &lt;h1&gt;后盾人&lt;/h1&gt;

//outerhtml会影响操作的标签
console.log(app.outerHTML);


    </script>
</body>
</html>